<template>
  <div class="outer">
    <Header />
    <router-view />
    <!-- 除了登录和注册页面是不用常规底部组件，其它都是用的是Footer -->
    <!-- v-if、v-show它们的差异与区别是什么？ -->
    <!-- 用这种方式进行底部组件的显示控制好还是不好？ -->
    <!-- // ! 能用配置型操作就千万不要用编码型操作 -->
    <!-- <Footer v-if="$route.path !== '/login' && $route.path !== '/register'" /> -->
    <Footer v-if="!$route.meta.isHidden" />
  </div>
</template>

<script>
import { mapActions } from "vuex";

import Header from "@/components/Header";
import Footer from "@/components/Footer";

export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  methods: {
    // 没有使用namespaced
    ...mapActions(["getCategoryList"]),
  },
  mounted() {
    this.getCategoryList();
  },
};
</script>
